<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            display: none;
        }
    </style>
</head>
<body>

    <h1 class="login">欢迎xxx</h1>

    <h1 class="noLogin">
        <a href="./09_login.html">登录</a>
        /
        <a href="./09_reg.html">注册</a>
    </h1>


    <!-- 用户列表 -->

    <table>
        <thead>
            <tr>
                <th>序号</th>
                <th>用户名</th>
                <th>密码</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>aa</td>
                <td>123</td>
                <td>
                    <button>删除</button>
                    <button>修改密码</button>
                </td>
            </tr>
        </tbody>
    </table>

    <script>

        // 判断cookie中是否有已经登录的账号

        const cookies = document.cookie ;
        console.log(cookies);   // aa=123; bb=222; cc=333

        // 3 处理数据 把字符串变成数组
        let arr = cookies.split('; ') ;
        console.log(arr);   //  ['aa=123', 'bb=222', 'cc=333']

        // map会返回一个新的数组
        arr = arr.map( v => {
            return {
                username : v.split('=')[0] ,
                userpwd : v.split('=')[1]
            }
        })

        console.log(arr);


        // 判断是否有  LOGIN_USER 

        const res = arr.some( v => {
            return v.username === 'LOGIN_USER'
        })

        console.log(res);

        if(res) {

        } else {

        }





        // 删除uu
        document.cookie = 'uu= ;path=/;expires=' + new Date(-1) ;


        // // 封装cookie
        // // 7天有效期
        // function setCookie(name , content){}

        // // 获取所有的cookies
        // function getCookies(){}

        // // 删除cookie
        // function removeCookie(name){}







    </script>
    
</body>
</html>